<div class="row" >
    <div class="span9">
        <form class="form-search" style="margin-bottom: 8px;">
            <input id="txt_search" type="text" placeholder="Buscar por nombre" class="input-medium search-query" style="width: 400px;"/>
            <button id="search" class="btn">Buscar</button>
        </form>
    </div>
</div>
<div class="row" >
    <div class="span12">
        <table   class="table table-bordered table-hover">
            <thead>
                <!--<tr>table table-bordered table-hover
                    <th>Nombre</th>
                    <th style="width: 80px;text-align: center;">Editar</th>
                    <th style="width: 80px;text-align: center;">Eliminar</th> 
                </tr>-->
                <tr>
                    <th rowspan=2>Fecha</th>
                    <th colspan=3>Comprobante de Pago</th>
                    <th colspan=3>Proveedor</th>
                    <th rowspan=2>Base</th>
                    <th rowspan=2>IGV</th>
                    <th rowspan=2>Total</th>
                    <th rowspan=2>Tipo<br>Cambio</th>
                    <th rowspan=2 style="width: 80px;text-align: center;">Editar</th>
                    <th rowspan=2 style="width: 80px;text-align: center;">Eliminar</th> 
                </tr>
                <tr>
                    <th>T. Doc.</th>
                    <th>Serie</th>
                    <th>Numero</th>
                    <th>Tipo</th>
                    <th>RUC</th>
                    <th>Razon Social</th>
                </tr>
            </thead>
            <tbody>
                <% _.each(list, function(item){ %>
                <tr>
                    <td><%= item.get("date") %></td>
                    <td><%= item.get("document_id") %></td>
                    <td><%= item.get("serie") %></td>
                    <td><%= item.get("number") %></td>
                    <td><%= item.get("operator_type") %></td>
                    <td><%= item.get("ruc") %></td>
                    <td><%= item.get("name") %></td>
                    <td><%= item.get("subtotal") %></td>
                    <td><%= item.get("igv") %></td>
                    <td><%= item.get("total") %></td>
                    <td><%= item.get("value") %></td>                    
                    <td style="width: 80px;text-align: center;" ><button id="edit_view" index="<%= item.get("id") %>" class="btn btn-info btn-mini"><i class="icon-edit"></i>Editar</button></td>
                    <td style="width: 80px;text-align: center;"><button id="drop_view" index="<%= item.get("id") %>" class="btn btn-info btn-mini"><i class="icon-remove"></i>Eliminar</button></td>
                </tr>
                <% }); %>
            </tbody>
        </table>
        <div id="main-pagination" class="pagination" style="margin-top: 10px; margin-bottom: 10px;">

        </div>
        
    </div> 
</div>